<template>
   <div id="t">
      <van-nav-bar title="练习">
      </van-nav-bar>
      <van-grid :column-num="4">
         <van-grid-item icon="warning-o" text="考点专练" />
         <van-grid-item icon="send-gift-o" text="套卷练习" />
         <van-grid-item icon="balance-list-o" text="仿真模考" />
         <van-grid-item icon="thumb-circle-o" text="错题练习" />
         <van-grid-item icon="browsing-history-o" text="测评记录" />
         <van-grid-item icon="like-o" text="习题收藏" />
      </van-grid>
      <div class="he">
         <p class="h">近期模考</p>
         <div id="hh"><span>默认排序</span> <b>时间</b></div>
         <van-empty description="描述文字" />
      </div>
   </div>
</template>
    
<script>

export default {
   // 变量 
   data() { return {} },
   // 事件
   methods: {},
   // 计算属性
   computed: {},
   // 监听器
   watch: {},
   // 过滤器
   filters: {},
   // 自定义指令
   directives: {},
   mounted() { },
}
</script>
<style scoped>
#t {
   background-color: #f2f3f5;
}
.h{
   text-align: left;
   font-size: 20px;
   color: #cfb3a3;

}
.he{
   background: white;
   margin-top: 10px;
}
.hh{
   width: 100%;
display: flex;



}


</style>